<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<meta name="screen-orientation"content="portrait">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <link rel="stylesheet" type="text/css" href="less/public.less"/>
        <link rel="stylesheet" type="text/css" href="less/test.less"/>
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div class="box1">
			xxx
			<div class="box2">
				xxx
				<div class="box3">
					xxx
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var designWid=640;
			var deviceWidth=document.body.offsetWidth;
			var html=document.documentElement;
			var ratio=designWid/100;
			console.log(ratio);
			html.style.fontSize=deviceWidth/ratio+'px';
		</script>
	</body>
</html>

